前端三要素中，HTML、CSS、JavaScript分別有著不同的功能。

HTML

HTML全名為HyperText Markup Language(超文字標記語言)，現在發展到第5代也被稱為HTML5，是用來建構網站的最基礎語言，也可以當作網站的骨架，透過HTML可以建構出最基本的網站，包誇標題、文字、表格、圖片、超連結等等。

圖片取自維基百科

CSS

CSS全名為Cascading Style Sheets(階層式樣式表)，現在發展到第3代也被稱為CSS3，可以在HTML網站上進行美化，也可以當作網頁的衣服，能夠做出顏色、間隔、排版、動畫等功能，著名RWD(響應式網頁設計)也是透過CSS實現。

圖片取自維基百科

JavaScript

JavaScript是一種輕小型的程式語言，作為獨立語言並不實用，本身也是為了能簡單嵌入應用程式（例如：網頁瀏覽器）而設計，所以瀏覽器都有有各自的JS引擎，專門處理JS程式碼，使用JS可以讓網頁和使用著做出不同的互動，讓網站功能更加多元。

圖片取自百度百科

事前準備

為了方便開發，我們下載Visual Studio Code進行網頁開發。

選擇自己的作業系統進行安裝即可。
Visual Studio Code

打開後會呈現編輯視窗

【以上為我的學習心得，如有錯誤歡迎糾正】